<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="jquery,ui,easy,easyui,web">
	<meta name="description" content="easyui help you build your web page easily!">
	<title>jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>

<body>
	<h1>TreeGrid</h1>

	<!-- <table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px"
			url="data/treegrid_data.json"
			rownumbers="true"
			idField="id" treeField="name">
		<thead>
			<tr>
				<th field="name" width="160">Name</th>
				<th field="size" width="60" align="right">Size</th>
				<th field="date" width="100">Modified Date</th>
			</tr>
		</thead>
	</table> -->




	<table id="tt" style="width:600px;height:400px"></table>
	<script>
		var qwerty = [
			{
				"ascId": "16b64a8f87578a90cc7866a4dd195dcb",
				"ascLevel": "国家级",
				"children": [
					{
						"ascId": "16b64a994042feeb57c2b7d4dc9a0f32",
						"ascLevel": "市级",
						"children": [],
						"ascName": "建筑给水排水研究分会",
						"chairman": "",
						"viceChairman": "",
						"standingChairman": "",
						"director": "",
						"vicePresident": "",
						"secretaryGeneral": "",
						"underSecretaryGeneral": "",
						"headOfComm": "",
						"underHeadOfComm": "",
						"committee": "",
						"createTime": "2019-06-17",
						"fdPersonId": "person_005",
						"zindex": 3
					},
					{
						"ascId": "16b64a9b4f18e753141f4ed4b938deea",
						"ascLevel": "市级",
						"children": [
							{
								"ascId": "16b64a9b4f18e753141f4ed4b938deee",
								"ascLevel": "市级",
								"children": [],
								"ascName": "建筑防火综合技术分会二",
								"chairman": "理查德",
								"viceChairman": "李伟",
								"standingChairman": "万坤",
								"director": "蒋博准",
								"vicePresident": "李启亮",
								"secretaryGeneral": "王国山",
								"underSecretaryGeneral": "许金",
								"headOfComm": "查亮",
								"underHeadOfComm": "徐军",
								"committee": "王伟",
								"createTime": "2019-06-17",
								"fdPersonId": "person_001",
								"zindex": 3
							}
						],
						"ascName": "建筑防火综合技术分会",
						"chairman": "",
						"viceChairman": "",
						"standingChairman": "",
						"director": "",
						"vicePresident": "",
						"secretaryGeneral": "",
						"underSecretaryGeneral": "",
						"headOfComm": "",
						"underHeadOfComm": "",
						"committee": "",
						"createTime": "2019-06-17",
						"fdPersonId": "person_006",
						"zindex": 3
					}
				],
				"ascName": "中国建筑学会",
				"chairman": "理查德",
				"viceChairman": "李伟",
				"standingChairman": "万坤",
				"director": "蒋博准",
				"vicePresident": "李启亮",
				"secretaryGeneral": "王国山",
				"underSecretaryGeneral": "许金",
				"headOfComm": "查亮",
				"underHeadOfComm": "徐军",
				"committee": "王伟",
				"createTime": "2019-06-17",
				"fdPersonId": "person_001",
				"zindex": 1
			}
		]

		var asdfgh = [{
			"id": 1,
			"name": "C",
			"size": "",
			"date": "02/19/2010",
			"children": [{
				"id": 2,
				"name": "Program Files",
				"size": "120 MB",
				"date": "03/20/2010",
				"children": [{
					"id": 21,
					"name": "Java",
					"size": "",
					"date": "01/13/2010",
					"state": "closed",
					"children": [{
						"id": 211,
						"name": "java.exe",
						"size": "142 KB",
						"date": "01/13/2010"
					}, {
						"id": 212,
						"name": "jawt.dll",
						"size": "5 KB",
						"date": "01/13/2010"
					}]
				}, {
					"id": 22,
					"name": "MySQL",
					"size": "",
					"date": "01/13/2010",
					"state": "closed",
					"children": [{
						"id": 221,
						"name": "my.ini",
						"size": "10 KB",
						"date": "02/26/2009"
					}, {
						"id": 222,
						"name": "my-huge.ini",
						"size": "5 KB",
						"date": "02/26/2009"
					}, {
						"id": 223,
						"name": "my-large.ini",
						"size": "5 KB",
						"date": "02/26/2009"
					}]
				}]
			}, {
				"id": 3,
				"name": "eclipse",
				"size": "",
				"date": "01/20/2010",
				"children": [{
					"id": 31,
					"name": "eclipse.exe",
					"size": "56 KB",
					"date": "05/19/2009"
				}, {
					"id": 32,
					"name": "eclipse.ini",
					"size": "1 KB",
					"date": "04/20/2010"
				}, {
					"id": 33,
					"name": "notice.html",
					"size": "7 KB",
					"date": "03/17/2005"
				}]
			}]
		}]
		$('#tt').treegrid({
			// url:'data/treegrid_data.json',
			// getData:qwerty,
			idField: 'ascId',
			treeField: 'ascLevel',
			data: qwerty,
			columns: [[
				{ title: 'Task Name', field: 'ascLevel', width: 180 },
				{ field: 'chairman', title: 'chairman', width: 60, align: 'right' },
				{ field: 'headOfComm', title: 'headOfComm', width: 80 },
				{ field: 'fdPersonId', title: 'fdPersonId', width: 80 }
			]]
		});

	</script>
</body>

</html>